import { useLocation, useSearchParams } from "react-router-dom";

function Login() {
  //1. 解构出来  是一个数组格式
  const [params, setParams] = useSearchParams();
  // 拿到地址
  const location = useLocation();
  console.log(location, params);

  const id = params.get("id");
  const name = params.get("name");
  return (
    <div>
      我是一个登录界面
      <p>
        我是携带的query参数——{id}——{name}
        <button
          onClick={() =>
            setParams({
              name: "zks",
              id: 18,
            })
          }
        >
          修改query参数
        </button>
      </p>
    </div>
  );
}
export default Login;
